import React from 'react'
import './jiaban.less'
export default function Jiaban() {
    return (
        <div className='jiabanbox'>
            <div className='box'>
                <div className='top'>
                    <div>草稿箱</div>
                    <div>审批记录</div>
                    <div>导入</div>
                    <div>打印</div>
                    <div>查看日志</div>
                </div>
                <div className='main'>
                    <h1>加班申请单</h1>
                    <div className="table one">
                        <table border='1' cellSpacing='0' cellpadding='0'>
                            <thead>
                                <tr style={{ textAlign: 'center' }}>
                                    <td style={{ paddingLeft: '20px', textAlign: 'center' }} colspan='999'>基本信息</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>单据编号:</td>
                                    <td>JBSQ202109001</td>
                                    <td><span style={{ color: 'red' }}>*</span>员工姓名:</td>
                                    <td>张妍</td>
                                </tr>
                                <tr>
                                    <td><span style={{ color: 'red' }}>*</span>员工部门:</td>
                                    <td>总经办</td>
                                    <td><span style={{ color: 'red' }}>*</span>员工职位:</td>
                                    <td>总经理</td>
                                </tr>
                                <tr>
                                    <td><span style={{ color: 'red' }}>*</span>申请时间:</td>
                                    <td>2021-09-01 11：11：53</td>
                                    <td><span style={{ color: 'red' }}>*</span>开始时间:</td>
                                    <td>2021-09-01 11：11：49</td>
                                </tr>
                                <tr>
                                    <td><span style={{ color: 'red' }}>*</span>结束时间:</td>
                                    <td>2021-09-01 11：11：53</td>
                                    <td><span style={{ color: 'red' }}>*</span>加班时长:</td>
                                    <td>2h</td>
                                </tr>
                                <tr style={{ textAlign: 'center' }}>
                                    <td>备注：</td>
                                    <td style={{ paddingLeft: '20px', textAlign: 'center' }} colspan='999'></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div className="table">
                        <table border='1' cellSpacing='0' cellpadding='0'>
                            <thead>
                                <tr>
                                    <td colspan='666' style={{ textAlign: 'left', paddingLeft: '20px' }}>附件上传</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style={{ width: '60%' }}>文件名称</td>
                                    <td style={{ width: '60px' }}>文件大小</td>
                                    <td style={{ width: '60px' }}>上传时间</td>
                                    <td style={{ width: '60px' }}>上传人员</td>
                                    <td style={{ width: '60px' }}> </td>
                                    <td style={{ width: '60px' }}> </td>
                                    <td style={{ width: '60px' }}> </td>
                                    <td style={{ width: '60px' }}> </td>
                                </tr>
                                <tr>
                                    <td colspan='666' style={{ height: '60px' }}></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div className="table">
                        <table border='1' cellSpacing='0' cellpadding='0'>
                            <thead>
                                <tr>
                                    <td colspan='666' style={{ textAlign: 'left', paddingLeft: '20px' }}>流程审批</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>流程节点</td>
                                    <td style={{ width: '60%', textAlign: 'left', paddingLeft: '10px' }}>审批意见</td>
                                    <td>提交人</td>
                                    <td>提交时间</td>
                                </tr>
                                <tr>
                                    <td>填写表单</td>
                                    <td style={{ width: '60%', textAlign: 'left', paddingLeft: '10px', color: 'green' }}>
                                        <span>发起流程:</span>
                                        <p>提交给:提交给：陈凯明，程星宇，陈媛，陈一凡，方可心，顾方可，侯海轩，胡建，何磊，胡雪，罗丹，李华，林晓，李菁菁，柳琳，李婷，李雪，刘鑫心，罗毅，任晓渠，宋浩然，薛保丰，肖成林，肖晴，许利，谢伟龙，陈泽，周琳，钟凯，周涛敏，张晓，张小东，张研</p>
                                    </td>
                                    <td>张妍</td>
                                    <td>2023-01-29 15:12</td>
                                </tr>
                                <tr>
                                    <td>总经理审批</td>
                                    <td style={{ width: '60%', textAlign: 'left', paddingLeft: '10px', color: 'green' }}>
                                        <p>审批通过</p>
                                        <p>流程结束</p>
                                    </td>
                                    <td>张妍</td>
                                    <td>2023-01-29 16:02</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    )
}
